* {
	margin: 0;
	padding: 0;
}
html,
body {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.container {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}
.dot_up {
	position: absolute;
	left: 50%;
	top: 25vw;
	z-index: 3;
	width: 50vw;
	height: 50vw;
	background: url("./images/BG光.png") no-repeat center;
	background-size: cover;
	transform: translateX(-50%);
	/* animation: bg_light_clockwise_move 1s infinite linear forwards; */
}
.bg_light {
	position: absolute;
	left: 50%;
	top: 25vw;
	z-index: 3;
	width: 44.8vw;
	height: 44.8vw;
	background: url("./images/圆.png") no-repeat center;
	background-size: cover;
	transform: translateX(-50%) scale(1);
	animation: scale_big 1s infinite forwards;
}
@keyframes scale_big {
	0% {
		transform: translateX(-50%) scale(1);
	}
	100% {
		opacity: .2;
		transform: translateX(-50%) scale(1.8);
	}
}
.bg_light_clockwise {
	position: absolute;
	left: 50%;
	top: 5vw;
	z-index: 2;
	width: 83.5vw;
	height: 83.5vw;
	background: url("./images/光效1.png") no-repeat center;
	background-size: cover;
	transform: translateX(-50%);
	animation: bg_light_clockwise_move 5s infinite linear forwards;
}
@keyframes bg_light_clockwise_move {
	0% {
		transform: translateX(-50%) rotate(0);
	}
	100% {
		transform: translateX(-50%) rotate(360deg);
	}
}
.bg_light_counterclockwise {
	position: absolute;
	left: 50%;
	top: 5vw;
	z-index: 2;
	width: 83.5vw;
	height: 83.5vw;
	background: url("./images/光效2.png") no-repeat center;
	background-size: cover;
	transform: translateX(-50%);
	animation: bg_light_counterclockwise_move 5s infinite linear forwards;
}
@keyframes bg_light_counterclockwise_move {
	0% {
		transform: translateX(-50%) rotate(360deg);
	}
	100% {
		transform: translateX(-50%) rotate(0deg);
	}
}
.dot_star {
	position: absolute;
	left: 19.4vw;
	top: 19.4vw;
	width: 6.1vw;
	height: 6.1vw;
	background: url(./images/星星.png) no-repeat center;
	background-size: cover;
}
.dot_star:nth-child(1) {
	animation: dot_star_move 2s .5s linear  infinite;
}
.dot_star:nth-child(2) {
	animation: dot_star_move_1 2s 1s linear  infinite;
}
.dot_star:nth-child(3) {
	animation: dot_star_move_2 2s 1.5s linear  infinite;
}
.dot_star:nth-child(4) {
	animation: dot_star_move_3 2s 2s linear  infinite;
}
@keyframes dot_star_move {
	to {
		opacity: 0;
		transform: translate(40vw, -40vh);
	}
}
@keyframes dot_star_move_1 {
	to {
		opacity: 0;
		transform: translate(-30vw, 20vh);
	}
}
@keyframes dot_star_move_2 {
	to {
		opacity: 0;
		transform: translate(-10vw, 10vh);
	}
}
@keyframes dot_star_move_3 {
	to {
		opacity: 0;
		transform: translate(40vw, -20vh);
	}
}


.dot {
	position: absolute;
	width: 2.1vw;
	height: 2.1vw;
	background: url(./images/光点.png) no-repeat center;
	background-size: cover;
	transform: translateX(21vw) translateY(20vw);
}
.dot:nth-child(1) {
	animation: dot_move 2s .5s linear  infinite;
}
.dot:nth-child(2) {
	animation: dot_move_1 2s 1s linear  infinite;
}
.dot:nth-child(3) {
	animation: dot_move_2 2s 1.5s linear  infinite;
}
.dot:nth-child(4) {
	animation: dot_move_3 2s 2s linear  infinite;
}
@keyframes dot_move {
	to {
		opacity: 0;
		transform: translate(-10vw, -5vh);
	}
}
@keyframes dot_move_1 {
	to {
		opacity: 0;
		transform: translate(40vw, 30vh);
	}
}
@keyframes dot_move_2 {
	to {
		opacity: 0;
		transform: translate(40vw, 10vh);
	}
}
@keyframes dot_move_3 {
	to {
		opacity: 0;
		transform: translate(-10vw, 20vh);
	}
}
.goods {
	position: absolute;
	left: 50%;
	top: 10vw;
	z-index: 10;
	width: 61vw;
	height: 57vw;
	background: url("./images/饲料.png") no-repeat center;
	background-size: cover;
	transform: translateX(-50%);
}